

       var w = document.documentElement.clientWidth || document.body.clientWidth; // 获取屏幕可见区域高度
        var h = document.documentElement.clientHeight || document.body.clientHeight;// 获取屏幕可见区域宽度
        time= new Date();
        document.addEventListener("WeixinJSBridgeReady", function () {
            document.getElementById("udio").play()
           //苹果端微信浏览器不能自动播放音乐解决方法
        }, false);
       
        for(var j=0;j<5;j++){  // 设置循环生成蝴蝶
          if(src.length>0){
            sc();
          }
        }
        function sc(){// 分配蝴蝶各项属性
            var left =Math.random()*w;
            var top=Rand(h*0.7,h);// (h/2)(h)
            var th=Rand(8,10)+'%';
           
            var sr1c=src[parseInt(Math.random()*src.length)];
            createel(sr1c,left,th,top);
        }
        function createel(c,l,w,t){ // 创造蝴蝶
            var el=document.createElement("img");
            el.className="imgs"
            el.src=c;
            el.style.left=l+'px'
            el.style.width=w
            el.style.top=t+'px'
            $('#web_bg')[0].appendChild(el);
        }
        setInterval(function(){  // 执行动作的定时器
            for(var t=0;t<$(".imgs").length;t++){
                document.getElementsByClassName("imgs")[t].offsetTop;
                var left = document.getElementsByClassName("imgs")[t].offsetLeft;
                var top= document.getElementsByClassName("imgs")[t].offsetTop;
                if(top<=h*0.7){
                    $(".imgs")[t].style.top=top+20+'px'
                    $(".imgs")[t].style.left=left+Rand(-20,20)+'px'; //上边境
                }else if(left<=0){
                    $(".imgs")[t].style.left=left+20+'px'   //左边境
                    $(".imgs")[t].style.top=top+Rand(-20,20)+'px';
                }else if(left>=w){
                    $(".imgs")[t].style.left=left-20+'px'//右边境
                    $(".imgs")[t].style.top=top+Rand(-20,20)+'px';top
                }else if(top>=h){
                    $(".imgs")[t].style.left=top-20+'px'
                    $(".imgs")[t].style.top=left+Rand(-20,20)+'px';//下边境
                }else{
                    $(".imgs")[t].style.left=left+Rand(-20,20)+'px';
                    $(".imgs")[t].style.top=top+Rand(-20,20)+'px' // 运动
                }

            }
        },100)
        function Rand(Min,Max){ //生成某个特定范围的随机数
            var Range = Max - Min;
            var Rand = Math.random();
            var num = Min + Math.round(Rand * Range); //四舍五入
            return num;
        }
        function TC(){   // 按钮点击事件
            alert();
        }
        var Q=setInterval(function(){
            if( $("#aimg").css("top")=="0px"){
                $("#aimg").css("top","-6%");
                $("#aimg").fadeIn(1000);
              //  $("#fei").fadeIn(400);
            }
            if($("#aimg").css("top")!="0px"){
                //$("#aimg").css("top","0px");
                $("#aimg").fadeToggle(1000);
               // $("#fei").fadeToggle(400);
            }
        },10)
        function ct(){
           document.getElementById('ttc').style.display='block'
            window.clearInterval(Q);
            var c=document.getElementById("aimg")
            c.removeChild(document.getElementsByClassName("hld_c")[0]);
            document.getElementById('tc').style.display='block'
            document.getElementById('xk').style.display="none"
            document.getElementById('xktxt').style.display="none"
            document.getElementById("nbt").style.display="none"
            document.getElementById("aimg").style.display="none"
        }
       /* var height =($("#xktxt").css("height"))
          console.log(height)
        var str = $("#xktxt").html();
        var i = 0;
        function typing(){
            var divTyping = document.getElementById("xktxt");
            if (i <= str.length) {
                divTyping.innerHTML = str.slice(0, i++) + '_';
                $("#xk").css("height",height);
                setTimeout('typing()', 20);//递归调用
            }
            else{
                divTyping.innerHTML = str;//结束打字,移除 _ 光标
            }
        }
        typing();*/
       for(var m=0;m<10;m++){
           ax();
       }
       function ax(){
         var ax = document.createElement("img");
         ax.className="ax";
         ax.src=tpb;
           ax.style.top=parseInt(Math.random()*h)+'px';
           ax.style.left=parseInt(Rand(-130,w))+'px';
           $('#web_bg')[0].appendChild(ax);

       }
       function axs(){
           var ax = document.createElement("img");
           ax.className="ax";
           ax.src=tpb;
           ax.style.top=parseInt(Math.random()*h)+'px';
           ax.style.left=-200+'px';
           $('#web_bg')[0].appendChild(ax);
       }
       setInterval(function(){
           var wedbg  =document.getElementById('web_bg')
           for(var i=0; i<$('.ax').length;i++){
               var left = document.getElementsByClassName("ax")[i].offsetLeft;
               var top= document.getElementsByClassName("ax")[i].offsetTop;
               if(Number($($('.ax')[i]).css("left").replace(/[^0-9]/ig,""))>w+200){
                   wedbg.removeChild($('.ax')[i])
                  axs();
               }
               document.getElementsByClassName("ax")[i].style.left=document.getElementsByClassName("ax")[i].offsetLeft+5+'px' // 注意变量重用问题
               document.getElementsByClassName("ax")[i].style.top=document.getElementsByClassName("ax")[i].offsetTop-5+'px'
           }
       },100)